<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>个人主页</title>
<!-- Bootstrap -->
<link href="${pageContext.request.contextPath}/css/bootstrap.css"
	rel="stylesheet">
<script src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js"></script>
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/myjs/search_back.js"></script>


<style>
</style>
</head>
<body>
	<!--导航部分    -->
	<jsp:include page="../partial_jsp/header.jsp" flush="true" />
	<!--简介部分 -->
	<div class="row" style="padding-top: 50px;">
		<div class="col-lg-2"></div>
		<div class="col-lg-2"
			style="text-align: center; width: 200px; height: 200px;">
			<img src="../img/t_2.jpg" width="95%" height="100%" />
		</div>

		<div class="col-lg-5" style="padding-left: 20px;">
			<h3>${personalInfo.p_name}</h3>
			<hr>
			<p>地址：&nbsp;${personalInfo.p_adress}</p>
			咨询方式：${personalInfo.p_way}
			<hr>
			<button>预约咨询</button>
		</div>
		<div class="col-lg-9" style="padding-top: 50px; padding-left: 17.9%;">
			<div
				style="border-left: 3px solid #4CAE4C; padding-left: 1px; border-top: 1px solid #9D9D9D;">
				<h3>写给咨询者</h3>
				<img src="../img/title2.jpg" /> <font size="3">${personalInfo.p_need}
				</font>
			</div>
		</div>
		<div class="col-lg-9" style="padding-top: 50px; padding-left: 17.9%;">
			<div style="border-top: 3px solid #4CAE4C; padding-left: 1px;">
				<h3>个人介绍</h3>
				<img src="../img/title2.jpg" /> <font size="2">${personalInfo.p_info}
				</font>
			</div>
		</div>
		<div class="col-lg-9" style="padding-top: 50px; padding-left: 17.9%;">
			<div
				style="border-left: 3px solid #4CAE4C; padding-left: 1px; border-top: 1px solid #9D9D9D;">
				<h3>擅长的方向</h3>
				<img src="../img/title2.jpg" /> <font size="3">${personalInfo.p_direction}
				</font>
			</div>
		</div>
		<div class="col-lg-9" style="padding-top: 50px; padding-left: 17.9%;">
			<div
				style="border-left: 3px solid #4CAE4C; padding-left: 1px; border-top: 1px solid #9D9D9D;">
				<h3>他的的相册</h3>
				<img src="../img/title2.jpg" /> <font size="3">${personalInfo.p_picture}
				</font>
			</div>
		</div>

		<div class="col-lg-9"
			style="padding-top: 50px; padding-left: 17.9%; margin-bottom: 60px">
			<div
				style="border-left: 3px solid #4CAE4C; padding-left: 1px; border-top: 1px solid #9D9D9D;">
				<h3>可预约时间(北京时间)</h3>
				<table style="margin-left: 50px;">
					<th>${personalInfo.p_time}</th>
					<tr>
						<td>${personalInfo.p_time1}</td>
						<c:if test="${personalInfo.p_status1=='可预约'}">
							<td><button>${personalInfo.p_status1}</button></td>
						</c:if>
						<c:if test="${personalInfo.p_status1=='已预约'}">
							<td><button disabled="disabled" style="background-color: blue;">${personalInfo.p_status1}</button></td>
						</c:if>

					</tr>
					<tr>
						<td>${personalInfo.p_time2}</td>
						<c:if test="${personalInfo.p_status2=='可预约'}">
							<td><button>${personalInfo.p_status2}</button></td>
						</c:if>
						<c:if test="${personalInfo.p_status2=='已预约'}">
							<td><button disabled="disabled" style="background-color: blue;">${personalInfo.p_status2}</button></td>
						</c:if>
					</tr>
					<tr>
						<td>${personalInfo.p_time3}</td>
						<c:if test="${personalInfo.p_status3=='可预约'}">
							<td><button>${personalInfo.p_status3}</button></td>
						</c:if>
						<c:if test="${personalInfo.p_status3=='已预约'}">
							<td><button disabled="disabled" style="background-image: url('../img/a.png');">${personalInfo.p_status3}</button></td>
						</c:if>
					</tr>
				</table>
			</div>
		</div>
	</div>

	<!-- 尾页-->

	<jsp:include page="../partial_jsp/tail.jsp" flush="true"></jsp:include>
</body>
</html>